<%-- 
    Document   : loginAdmin
    Created on : 24-nov-2013, 19:30:04
    Author     : JR
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<style type="text/css">
.errors {
	background-color:#FFCCCC;
	border:1px solid #CC0000;
	width:300px;
	margin-bottom:8px;
	text-align: center;
}
.errors li{ 
	list-style: none; 
}
</style>
<div id="contenido">
    <div class="fila">
        <div class="contenido_borde_izq">
            <div class="contenido_borde_der">
                <div class="columna_derecha">
                    <s:form cssClass="formulario_centrado" action="loginAdmin">
                        <fieldset>
                            <h4>ADMINISTRAR TIENDA</h4>
                            
                            <s:if test="hasActionErrors()">
                        		<div class="errors">
                        		<s:actionerror/>
                        		</div>
                    		</s:if>
                            <div class="form-group">
                                <s:label for="inputUsuario" value="Usuario"/>
                                <s:textfield cssClass="form-control" id="inputUsuario" placeholder="usuario" name="username"/>
                            </div>
                            <div class="form-group">
                                <s:label for="inputContrasenia" value="Contraseña"/>
                                <s:password cssClass="form-control" id="inputContrasenia" placeholder="contraseña" name="password"/>
                            </div>
                                <s:submit type="button" cssClass="btn boton_verde" value="INICIAR SESIÓN"/>
                        </fieldset>
                    </s:form>
                </div>
            </div>
        </div>
        <div class="contenido_borde_abajo">
            <div class="esquina_izq"></div>
            <div class="esquina_der"></div>
        </div>
    </div>

    <div class="columna_izquierda">
        <div class="pestania">
            <div class="pestania_top"></div>
            <s:a namespace="/liwalo" action="Inicio" title="Volver" cssClass="azul"><span class="bigger">VOLVER<br/></span><span>A LA HOME</span></s:a>
            <div class="pestania_bottom"></div>
        </div>
    </div>
</div>
<script src="../js/jquery.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/livevalidation.js"></script>
<script type="text/javascript">
    var inputNombre = new LiveValidation('inputUsuario');
    inputNombre.add(Validate.Presence, { failureMessage: "Introduzca el usuario" });
    inputNombre.add(Validate.Email, { failureMessage: "No es una dirección de email" });

    var inputApellidos = new LiveValidation('inputContrasenia');
    inputApellidos.add(Validate.Presence, { failureMessage: "Introduzca la contraseña" });
  </script>
<!-- CONTENIDO END -->